<template>
    <div class="cart">
        <h3>{{item.title}}</h3>
        <div>1970-01-20 03:36:00 |{{item.sales_num}}课时</div>
        <div>
            <img :src="item.cover_img" alt=""> {{item.teachers_list.teacher_name}}
        </div>
        <div>
            {{item.browse_num}}人已报名
            <span>{{item.price==0?'免费':item.price}}</span>
        </div>
    </div>
</template>

<script>
export default {
    props: {
        item: {

        },
    },
}
</script>

<style lang="scss" scoped>
.cart {
    width: 96%;
    margin: auto;
    margin-top: 2vw;
    height: 4rem;
    background-color: #fff;
    border-radius: 0.2rem;
    padding: .5rem 0.3rem;
    overflow: hidden;

    >h3 {
        font-size: .4rem;
        margin-top: 0.1rem;
    }

    >div:nth-child(2) {
        margin-top: .1rem;
        color: #777777;
        font-size: .16rem
    }

    >div:nth-child(3) {
        margin-top: .1rem;
        height: 1rem;

        >img {
            height: 100%;
            vertical-align: middle;
        }
    }

    >div:nth-child(4) {
        margin: 0.4rem 0;
        color: #777777;

        >span {
            float: right;
            font-size: 0.4rem;
            color: #44a426;
        }
    }
}
</style>